<template>
  <div id="SiteSurveyZzd">
    <div v-if="hideMap">
      <div class="content">
        <div class="list">
          <van-form validate-first>
            <p class="subTitle"><span class="line"></span>申请人信息</p>
            <div>
              <van-field readonly clickable name="picker" v-model="sexName" label="性别" @click="ENUM.XB = true" />

              <van-field readonly v-model="formData.HOUSEAPPLICANT" label="姓名" />

              <van-field readonly v-model="formData.APPLYPHONE" label="手机号" />

              <van-field readonly v-model="formData.AGE" label="年龄" />

              <van-field readonly v-model="formData.CERTIFICATECODE" label="身份证号" />

              <van-field readonly v-model="formData.PERMANENTADDR" label="户口所在地" />
            </div>
            <p class="subTitle"><span class="line"></span>踏勘成果</p>
            <div>
              <van-field
                clickable
                readonly
                name="picker"
                :value="formTKCG.APPLYTYPE | inUseName(ENUM.JFLXARR)"
                label="建房类型"
                placeholder="请选择建房类型"
                @click="ENUM.JFLX = true"
              />
              <van-popup v-model="ENUM.JFLX" position="bottom" get-container="#popup">
                <van-picker
                  show-toolbar
                  :columns="ENUM.JFLXARR"
                  value-key="DICNAME"
                  @confirm="onConfirm1"
                  @cancel="ENUM.JFLX = false"
                />
              </van-popup>
              <van-field
                clickable
                readonly
                name="picker"
                :value="formTKCG.YDLX | inUseName(ENUM.YDLXARR)"
                label="地类"
                placeholder="请选择地类"
                @click="ENUM.YDLX = true"
              />
              <van-popup v-model="ENUM.YDLX" position="bottom" get-container="#popup">
                <van-picker
                  show-toolbar
                  :columns="ENUM.YDLXARR"
                  value-key="DICNAME"
                  @confirm="onConfirm2"
                  @cancel="ENUM.YDLX = false"
                />
              </van-popup>
              <van-field
                v-if="formTKCG.YDLX == 17"
                clickable
                readonly
                name="picker"
                :value="formTKCG.DL_NYD | inUseName(ENUM.NYDARR)"
                label="农用地"
                placeholder="请选择农用地"
                @click="ENUM.NYD = true"
              />
              <van-popup v-model="ENUM.NYD" position="bottom" get-container="#popup">
                <van-picker
                  show-toolbar
                  :columns="ENUM.NYDARR"
                  value-key="DICNAME"
                  @confirm="onConfirm5"
                  @cancel="ENUM.NYD = false"
                />
              </van-popup>
              <van-field
                v-if="formTKCG.DL_NYD == 106"
                v-model="formTKCG.YDLX_NYD_QT"
                label="其他"
                placeholder="请填写其他"
              />

              <van-field v-model="formTKCG.HOMESTEADAREA" label="宅基地面积(m²)" placeholder="请填写宅基地面积" />

              <van-field v-model="formTKCG.HOUSEFLOORAREA" label="占地面积(m²)" placeholder="请填写占地面积" />

              <van-field v-model="formTKCG.BUILDAREA" label="建筑面积(m²)" placeholder="请填写建筑面积" />

              <van-field v-model="formTKCG.BUILDHEIGHT" label="檐口高度(m)" placeholder="请填写檐口高度" />

              <van-field v-model="formTKCG.BUILDSTOREY" label="建筑层数(层)" placeholder="请填写建筑层数" />

              <van-field
                clickable
                readonly
                :value="formTKCG.WSCLFS | inUseName(ENUM.WSCLFSARR)"
                label="污水处理方式"
                placeholder="请填写污水处理方式"
                @click="ENUM.WSCLFS = true"
              />
              <van-popup v-model="ENUM.WSCLFS" position="bottom" get-container="#popup">
                <van-picker
                  show-toolbar
                  :columns="ENUM.WSCLFSARR"
                  value-key="DICNAME"
                  @confirm="onConfirm6"
                  @cancel="ENUM.WSCLFS = false"
                />
              </van-popup>

              <van-field
                clickable
                readonly
                :value="formTKCG.STRUCTURETYPE | inUseName(ENUM.JGLXARR)"
                label="结构类型"
                placeholder="请填写结构类型"
                @click="ENUM.JGLX = true"
              />
              <van-popup v-model="ENUM.JGLX" position="bottom" get-container="#popup">
                <van-picker
                  show-toolbar
                  :columns="ENUM.JGLXARR"
                  value-key="DICNAME"
                  @confirm="onConfirm3"
                  @cancel="ENUM.JGLX = false"
                />
              </van-popup>

              <van-field v-model="formTKCG.SPACING" label="日照间距" placeholder="请填写日照间距" />

              <van-field v-model="formTKCG.EXTERIORCOLOR" label="外墙色彩" placeholder="请填写外墙色彩" />

              <van-field v-model="formTKCG.EAST" label="东至" placeholder="请填写东至" />

              <van-field v-model="formTKCG.SOUTH" label="南至" placeholder="请填写南至" />

              <van-field v-model="formTKCG.WEST" label="西至" placeholder="请填写西至" />

              <van-field v-model="formTKCG.NORTH" label="北至" placeholder="请填写北至" />

              <van-field
                v-if="showZDZLQL == '是'"
                clickable
                readonly
                :value="formTKCG.XLQLR | inUseName(ENUM.SFARR)"
                label="是否征得相邻权利人同意"
                placeholder="请选择"
                @click="ENUM.SF = true"
              />
              <van-popup v-model="ENUM.SF" position="bottom" get-container="#popup">
                <van-picker
                  show-toolbar
                  :columns="ENUM.SFARR"
                  value-key="DICNAME"
                  @confirm="onConfirm4"
                  @cancel="ENUM.SF = false"
                />
              </van-popup>
              <van-field v-model="formTKCG.CONSTRUCITONADDRESS" label="地址" placeholder="请填写地址" />
            </div>
          </van-form>
        </div>
        <p class="subTitle"><span class="line"></span>踏勘成果</p>
        <div v-for="(item, index) in fileData.slice(0, 6)" :key="item.name" style="border-bottom: 1px solid #ebedf0">
          <p style="font-size: 14px; font-weight: bold; line-height: 5vh; color: #646566">
            {{ item.name }}
          </p>
          <van-uploader
            @click-upload="getList(item)"
            :after-read="afterRead"
            :before-delete="delectFile"
            v-model="item.fileList"
            multiple
          />
        </div>
        <p class="subTitle"><span class="line"></span>材料项</p>
        <div v-for="(item, index) in fileData.slice(6, 8)" :key="item.name" style="border-bottom: 1px solid #ebedf0">
          <p style="font-size: 14px; font-weight: bold; line-height: 5vh; color: #646566">
            {{ item.name }}
          </p>
          <template v-if="item.fileList.length > 0">
            <span
              v-for="(items, index) in item.fileList"
              @click="fileOpen(items)"
              :key="index"
              style="display: inline-block; padding-bottom: 10px; color: #3f8ffc; text-decoration: underline"
              >{{ items.FILENAME }}</span
            >
          </template>
          <template v-else>
            <span style="display: inline-block; padding-bottom: 10px">暂无附件</span>
          </template>
        </div>
        <div class="list">
          <van-form validate-first>
            <div class="inputWrap">
              <span style="color: red">*</span>
              <van-field
                clickable
                name="picker"
                v-model="formTKCG.TKRY"
                label="现场踏勘人员"
                placeholder="请输入现场踏勘人员"
                :rules="[{ required: true, message: '请输入现场踏勘人员' }]"
              />
            </div>
            <div class="inputWrap">
              <span style="color: red">*</span>
              <van-field
                readonly
                clickable
                name="datetimePicker"
                :value="formTKCG.RECONTIME"
                label="踏勘时间"
                placeholder="请选择踏勘时间"
                :rules="[{ required: true, message: '请选择踏勘时间' }]"
              />
              <van-popup v-model="showPickerq" position="bottom">
                <van-datetime-picker
                  v-model="currentDate"
                  type="date"
                  title="选择年月日"
                  @cancel="showPickerq = false"
                  @confirm="onConfirmRQ"
                />
              </van-popup>
            </div>
            <div class="inputWrap">
              <span style="color: red">*</span>
              <van-field
                clickable
                name="picker"
                v-model="formTKCG.ZTR"
                label="制图人"
                placeholder="请输入制图人"
                :rules="[{ required: true, message: '请输入制图人' }]"
              />
            </div>
            <div class="inputWrap">
              <span style="color: red">*</span>
              <van-field
                clickable
                readonly
                :value="formTKCG.SFXZHQBM | inUseName(ENUM.SFARR)"
                label="是否选择踏勘部门"
                placeholder="请选择"
                @click="ENUM.SF1 = true"
              />
              <van-popup v-model="ENUM.SF1" position="bottom" get-container="#popup">
                <van-picker
                  show-toolbar
                  :columns="ENUM.SFARR"
                  value-key="DICNAME"
                  @confirm="onConfirm8"
                  @cancel="ENUM.SF1 = false"
                />
              </van-popup>
            </div>
            <div class="inputWrap" v-if="formTKCG.SFXZHQBM == 5">
              <span style="color: red">*</span>
              <van-field
                clickable
                readonly
                type="textarea"
                autosize
                name="picker"
                :value="formTKCG.HQRYMC | inUseName1(ENUM.TKBMARR)"
                label="踏勘部门"
                placeholder="请选择踏勘单位"
                @click="ENUM.TKBM = true"
              />
              <van-popup v-model="ENUM.TKBM" position="bottom">
                <p class="titleBtn">
                  <span @click="ENUM.TKBM = false" style="color: #969799">取消</span
                  ><van-checkbox v-model="checked" @change="toggleAll">全选</van-checkbox>
                </p>
                <van-checkbox-group
                  ref="checkboxGroup"
                  v-model="HQRYMC"
                  :style="{ height: '40vh', 'overflow-y': 'auto' }"
                >
                  <van-cell-group>
                    <van-cell
                      v-for="(item, index) in ENUM.TKBMARR"
                      clickable
                      :key="index"
                      :title="item.DEPT_NAME"
                      @click="toggle(index)"
                    >
                      <template #right-icon>
                        <van-checkbox :name="item.DEPTID" ref="checkboxes" />
                      </template>
                    </van-cell>
                  </van-cell-group>
                </van-checkbox-group>
              </van-popup>
            </div>
            <el-table :data="tableDataSH" v-if="formTKCG.SFXZHQBM == 5" border style="width: 100%; margin: 10px 0">
              <el-table-column prop="OPINION" label="审核意见"></el-table-column>
              <el-table-column prop="SIGNDATE" label="审核时间"></el-table-column>
              <el-table-column prop="SIGNERNAME" label="审核姓名"></el-table-column>
            </el-table>
            <div class="inputWrap">
              <span style="color: red">*</span>
              <van-field
                clickable
                readonly
                :value="formTKCG.SFQY | inUseName(ENUM.SFARR)"
                label="是否选择测绘单位"
                placeholder="请选择"
                @click="ENUM.SF2 = true"
              />
              <van-popup v-model="ENUM.SF2" position="bottom" get-container="#popup">
                <van-picker
                  show-toolbar
                  :columns="ENUM.SFARR"
                  value-key="DICNAME"
                  @confirm="onConfirm9"
                  @cancel="ENUM.SF2 = false"
                />
              </van-popup>
            </div>
            <div class="inputWrap" v-if="formTKCG.SFQY == 5">
              <span style="color: red">*</span>
              <van-field
                clickable
                readonly
                type="textarea"
                autosize
                name="picker"
                :value="formTKCG.QYDWMC | inUseName2(ENUM.CHBMARR)"
                label="测绘单位"
                placeholder="请选择测绘单位"
                @click="ENUM.CHBM = true"
              />
              <van-popup v-model="ENUM.CHBM" position="bottom">
                <p class="titleBtn">
                  <span @click="ENUM.CHBM = false" style="color: #969799">取消</span
                  ><van-checkbox v-model="checked1" @change="toggleAll1">全选</van-checkbox>
                </p>
                <van-checkbox-group
                  ref="checkboxGroup1"
                  v-model="QYDWMC"
                  :style="{ height: '40vh', 'overflow-y': 'auto' }"
                >
                  <van-cell-group>
                    <van-cell
                      v-for="(item, index) in ENUM.CHBMARR"
                      clickable
                      :key="index"
                      :title="item.ST_NAME"
                      @click="toggle1(index)"
                    >
                      <template #right-icon>
                        <van-checkbox :name="item.ST_ID" ref="checkboxes1" />
                      </template>
                    </van-cell>
                  </van-cell-group>
                </van-checkbox-group>
              </van-popup>
            </div>
            <div v-if="isShow">
              <p class="subTitle"><span class="line"></span>审核情况</p>
              <div class="inputWrap">
                <span style="color: red">*</span>
                <van-field
                  clickable
                  name="picker"
                  v-model="ISSign"
                  label="是否签到"
                  :rules="[{ required: true, message: '请输入踏勘结果' }]"
                />
              </div>
              <div class="inputWrap">
                <span style="color: red">*</span>
                <van-field
                  clickable
                  name="picker"
                  v-model="formTKCG.TKJG"
                  label="踏勘结果"
                  placeholder="请输入踏勘结果"
                  :rules="[{ required: true, message: '请输入踏勘结果' }]"
                />
              </div>
              <div class="inputWrap">
                <span style="color: red">*</span>
                <van-field
                  clickable
                  name="picker"
                  v-model="formTKCG.TKYJ"
                  label="踏勘意见"
                  placeholder="请输入踏勘意见"
                  :rules="[{ required: true, message: '请输入踏勘意见' }]"
                />
              </div>
              <div class="inputWrap">
                <span style="color: red">*</span>
                <van-field readonly clickable name="picker" v-model="formTKCG.SHR" label="审核人" />
              </div>
              <div class="inputWrap">
                <span style="color: red">*</span>
                <van-field readonly clickable name="picker" v-model="formTKCG.SHSJ" label="审核时间" />
              </div>
            </div>
          </van-form>
        </div>
      </div>
      <div class="footer">
        <van-button style="margin-right: 10px" size="small" type="info" @click="getinsertDataView">提交</van-button>
        <van-button style="margin-right: 10px" size="small" type="info" @click="save()">保存</van-button>
        <van-button style="margin-right: 10px" size="small" type="info" @click="getDituUrl">地图</van-button>
        <van-button style="margin-right: 10px" size="small" type="info" @click="getSignIn">签到</van-button>
      </div>
    </div>
    <div v-else>
      <div class="title">
        <span
          @click="onClickLeft"
          style="position: absolute; left: 5px; display: flex; align-items: center; font-size: 14px"
        >
          <van-icon name="arrow-left" />返回
        </span>
        农房一张图
      </div>
      <div style="width: 100%; height: calc(100vh - 50px)">
        <iframe style="width: 100%; height: 100%" :src="MapUrl"></iframe>
      </div>
    </div>
  </div>
</template>
<script>
import {
  updateDataView,
  FileServerUpload,
  InsertDataView,
  dataServerOpenDataView,
  CreateProcessAndSendTask,
  GetFileData,
  DelectFile,
  QuerySignCallback,
  FileServerProxy,
  dataTransFile,
  dataTransFilePreview,
  drawImg,
} from '../../../utils/api'
import dd from 'gdt-jsapi'
export default {
  data() {
    return {
      showZDZLQL: '',
      HQRYMC: [],
      QYDWMC: [],
      hideMap: true,
      MapUrl: '',
      NYD: '',
      ISSign: '否',
      DL: '',
      JFLX: '',
      className: '',
      columns1: ['建设用地', '未利用地', '农用地'],
      showPicker1: false,
      showPicker2: false,
      showPicker3: false,
      checked: false,
      checked1: false,
      //存储需要传给treeSelect组件的值
      formData: {
        DZ: '',
      },
      formTKCG: {},
      showPickerq: false,
      minDate: new Date(2020, 0, 1),
      maxDate: new Date(2025, 10, 1),
      currentDate: new Date(),
      fileList: [],
      isShow: true,
      ENUM: {
        XB: false,
        XBARR: [],
        SF: false,
        SF1: false,
        SF2: false,
        SFARR: [],
        NYD: false,
        NYDARR: [],
        JFLX: false,
        JFLXARR: [],
        YDLX: false,
        YDLXARR: [],
        JGLX: false,
        JGLXARR: [],
        WSCLFS: false,
        WSCLFSARR: [],
        TKBM: false,
        TKBMARR: [],
        CHBM: false,
        CHBMARR: [],
      },
      fileData: [
        {
          name: '宅基地坐落平面位置图',
          groupGuid: 'be6c2622-e00f-49ca-b59d-2550fa62fef6',
          fileList: [],
        },
        {
          name: '红线图',
          groupGuid: 'c34eb13b-b0e0-4c40-9be8-d69d39360d73',
          fileList: [],
        },
        {
          name: '踏勘照片1',
          groupGuid: '39150119-0da6-494a-b1e9-4bed532fecfd',
          fileList: [],
        },
        {
          name: '踏勘照片2',
          groupGuid: 'fb00616c-0c03-41dc-b00b-84d3efe3af87',
          fileList: [],
        },
        {
          name: '踏勘照片3',
          groupGuid: '7cb50c01-d2e1-4119-a0b6-b0443daca71e',
          fileList: [],
        },
        {
          name: '其他材料',
          groupGuid: '7eb18ff0-5fe4-47ea-a805-68d7731e2609',
          fileList: [],
        },
        {
          name: '坐标串',
          groupGuid: 'b6ae9a58-76e4-42c6-94df-0a18a0af0cbf',
          fileList: [],
        },
        {
          name: '坐标文件',
          groupGuid: 'ad2bd6ce-ff46-4a19-a6b1-cfc0bbd64daf',
          fileList: [],
        },
      ],
      columns2: ['耕地', '林地', '草地', '其他'],
      columns3: ['原址翻建', '改扩建', '异址新建'],
      isSaveFile: false,
      tableDataSH: [],
      sexName: '',
    }
  },
  watch: {
    QYDWMC() {
      this.formTKCG.QYDWMC = this.QYDWMC
    },
    HQRYMC() {
      this.formTKCG.HQRYMC = this.HQRYMC
    },
  },
  filters: {
    inUseName: function (msg, data) {
      let name = ''
      data.forEach((item) => {
        if (item.DICID == msg) {
          name = item.DICNAME
        }
      })
      return name
    },
    inUseName1: function (msg, data) {
      let arr1 = []
      data.forEach((item) => {
        msg.forEach((items) => {
          if (item.DEPTID == items) {
            arr1.push(item.DEPT_NAME)
          }
        })
      })
      return arr1.join(',')
    },
    inUseName2: function (msg, data) {
      let arr1 = []
      data.forEach((item) => {
        msg.forEach((items) => {
          if (item.ST_ID == items) {
            arr1.push(item.ST_NAME)
          }
        })
      })
      return arr1.join(',')
    },
  },
  mounted() {
    this.getEnum('86d6eb80-8bcb-49f6-b5c3-462ac1ae585d')
    this.getEnum('a8e5782d-9a59-48e4-b35b-654b9bb667ca')
    this.getEnum('52215e71-341a-452b-8823-a8d4aae058ab')
    this.getEnum('db35edee-88e0-4fae-b14a-868ed4beb1d9')
    this.getEnum('d2ec96d4-b5bc-404a-a9f1-34db915c694b')
    this.getEnum('b65d1943-66f4-49b1-b759-cd9f079dc0d3')
    this.getEnum('f7f359ad-369c-4bf4-892c-294dceb5edef')
    this.getEnum('32770c76-c253-4f1a-968f-aa9e53942db9')
    this.getEnum('d4d925da-cfd1-4608-94bb-24789720de0a')
    this.formData = JSON.parse(this.$route.query.data)
    // if (this.formData.NODE_GUID === '{67241083-CA60-43FC-B1C1-1F4A2D133184}') {
    //   this.isShowTop = false
    // } else {
    //   this.isShowTop = true
    // }
    this.rowGuid = this.newGuid()
    this.getTKCG()
    this.getFile()
    this.getIFSILINGYIJIAN()
    this.getSignInData()

    // this.getXianOpenDataView()
    // this.formData.STRUCTURETYPE
    if (ZWJSBridge) {
      ZWJSBridge.setTitle({
        title: '现场踏勘',
      })
        .then((res) => {})
        .catch((err) => {})
        .catch((err) => {})
    }
  },
  methods: {
    //获取是否已签到接口
    async getSignInData() {
      let params = {
        accessCode: '688bd3883572440a859dfd8ba9194e7b',
        cityCode: window.localStorage.getItem('citycode') ? window.localStorage.getItem('citycode') : '441300000000',
        params: {
          dataguid: 'a5f81f3b-afc3-4eeb-a2f5-9676b1e8a788',
          searchObject: JSON.stringify([
            { field: 'TO_ROW_GUID', value: this.formData.ROW_GUID, operator: '=' },
            {
              field: 'SIGNINPERSONID',
              value: JSON.parse(window.localStorage.getItem('userName')).userId,
            },
          ]),
        },
      }
      const res = await FileServerProxy(params)
      if (JSON.parse(res.data.data).Data.length > 0) {
        this.ISSign = '是'
      } else {
        this.ISSign = '否'
      }
    },
    getIFSILINGYIJIAN: async function () {
      let params = {
        accessCode: '688bd3883572440a859dfd8ba9194e7b',
        cityCode: window.localStorage.getItem('citycode') ? window.localStorage.getItem('citycode') : '441300000000',
        params: {
          dataguid: '313d5ddd-2c1b-4f55-82e1-84d5effd9c47',
          searchObject: JSON.stringify([
            {
              field: 'to_row_guid',
              value: this.formData.ROW_GUID,
              operator: '=',
            },
          ]),
          token: window.localStorage.getItem('token'),
        },
      }
      const res = await FileServerProxy(params)
      let data = JSON.parse(res.data.data).Data
      this.showZDZLQL = data[0].F_IFSILINGYIJIAN_DICNAME
    },
    getSignIn() {
      if (this.ISSign == '否') {
        this.$router.push({
          path: './signIn',
          query: {
            longitude: this.formData.PERMANENTADDR,
            // longitude:"惠州市杭州市",
            Range: 112169400,
            data: JSON.stringify(this.formData),
          },
        })
      } else {
        this.$toast.fail('已签到')
      }
    },
    fileOpen(item) {
      dd.ready(function () {
        dd.openLink({
          url: item.url,
        })
          .then((res) => {})
          .catch((err) => {
            console.error(err)
          })
      })
    },
    onClickLeft() {
      this.hideMap = true
    },
    getDituUrl() {
      debugger
      if(this.formData.LSH){
        this.$router.push({
        path: "/mapContainer",
        query: {
          data: JSON.stringify([this.formData]),
        },
      });
      }else{
        this.$toast.fail('关联编号不能为空！')
      }

      // debugger
      // let node = '',
      //   type = ''
      // let cityCode = this.formData.TOWN
      // let data = [
      //   {
      //     JDID: '' + this.formData.NODE_GUID + '',
      //     SQBH: '' + this.formData.ROW_GUID + '',
      //     FWBH: '' + this.formData.FAMILYHOUSEID + '',
      //     APPLICANT: '' + this.formData.HOUSEAPPLICANT + '',
      //     ADDESS: null,
      //   },
      // ]
      // if (this.formData.WF_GUID == '{9FF1C524-B55F-4A45-83B3-6EA46CF32092}') {
      //   //建房审批
      //   if (
      //     this.formData.NODE_GUID == '{5E1AD806-7824-4196-8ADF-E231A8704FD3}' ||
      //     this.formData.NODE_GUID == '{67241083-CA60-43FC-B1C1-1F4A2D133184}'
      //   ) {
      //     //现场踏勘
      //     node = 'takan'
      //     type = 'edit'
      //   } else {
      //     node = 'takan'
      //     type = 'view'
      //   }
      // }
      // this.MapUrl =
      //   window.g.MapUrl +
      //   '?jieduan=' +
      //   node +
      //   '&data=' +
      //   encodeURIComponent(JSON.stringify(data)) +
      //   '&type=' +
      //   type +
      //   '&user=' +
      //   cityCode
      // this.hideMap = false
    },
    onConfirmRQ(val) {
      let year = val.getFullYear()
      let month = val.getMonth() + 1
      let day = val.getDate()
      let hour = val.getHours()
      let minute = val.getMinutes()
      if (month >= 1 && month <= 9) {
        month = `0${month}`
      }
      if (day >= 1 && day <= 9) {
        day = `0${day}`
      }
      if (hour >= 0 && hour <= 9) {
        hour = `0${hour}`
      }
      if (minute >= 0 && minute <= 9) {
        minute = `0${minute}`
      }
      this.className = 'timeClass'
      this.formTKCG.RECONTIME = `${year}-${month}-${day}`
      this.showPickerq = false
    },
    // 提交
    getinsertDataView: async function () {
      this.save('Submit')
    },
    getNowTime: function () {
      let dateTime
      let yy = new Date().getFullYear()
      let mm = new Date().getMonth() + 1 < 10 ? '0' + (new Date().getMonth() + 1) : new Date().getMonth() + 1
      let dd = new Date().getDate() < 10 ? '0' + new Date().getDate() : new Date().getDate()
      let hh = new Date().getHours()
      let mf = new Date().getMinutes() < 10 ? '0' + new Date().getMinutes() : new Date().getMinutes()
      let ss = new Date().getSeconds() < 10 ? '0' + new Date().getSeconds() : new Date().getSeconds()
      dateTime = yy + '-' + mm + '-' + dd + ' ' + hh + ':' + mf + ':' + ss
      return dateTime
    },
    // 保存
    save: async function (type) {
      // let params = {
      //   dataGuid: "8478109f-1194-4126-ab97-b2f927368e7b",
      //   strParams: JSON.stringify([this.formData]),
      //   token: window.localStorage.getItem("token"),
      // };
      // const res = await updateDataView(params);
      if (this.ISSign == '否') {
        this.$toast.fail('未签到！')
        return
      }
      let params = {
        accessCode: '77ad6c1591e54d4fbc45ecc90374a2a2',
        cityCode: window.localStorage.getItem('citycode') ? window.localStorage.getItem('citycode') : '441300000000',
        params: {
          dataGuid: '8478109f-1194-4126-ab97-b2f927368e7b',
          strParams: JSON.stringify([this.formData]),
          token: window.localStorage.getItem('token'),
        },
      }
      const res = await FileServerProxy(params)
      // let datas = JSON.parse(res.data.data).Success;
      if (
        (this.formTKCG.TKRY &&
          this.formTKCG.RECONTIME &&
          this.formTKCG.ZTR &&
          this.formTKCG.TKJG &&
          this.formTKCG.TKYJ) ||
        this.formTKCG.SFXZHQBM == '5' ||
        this.formTKCG.SFQY == '5'
      ) {
        let formTKCG = JSON.parse(JSON.stringify(this.formTKCG))
        //踏勘部门显示的时候要是数组，保存的时候要转成字符串
        formTKCG.HQRYMC = this.formTKCG.HQRYMC.join(',')
        formTKCG.QYDWMC = this.formTKCG.QYDWMC.join(',')
        if (this.formTKCG.ROW_GUID) {
          // let params1 = {
          //   dataGuid: "a0e224e8-36be-4591-b770-30cabda3514a",
          //   strParams: JSON.stringify([formTKCG]),
          //   token: window.localStorage.getItem("token"),
          // };
          // const res1 = await updateDataView(params1);
          let params1 = {
            accessCode: '77ad6c1591e54d4fbc45ecc90374a2a2',
            cityCode: window.localStorage.getItem('citycode')
              ? window.localStorage.getItem('citycode')
              : '441300000000',
            params: {
              dataGuid: 'a0e224e8-36be-4591-b770-30cabda3514a',
              strParams: JSON.stringify([formTKCG]),
              token: window.localStorage.getItem('token'),
            },
          }
          const res1 = await FileServerProxy(params1)
        } else {
          formTKCG['TO_ROW_GUID'] = this.formData.ROW_GUID
          formTKCG['ROW_GUID'] = this.rowGuid
          // let params2 = {
          //   dataGuid: "a0e224e8-36be-4591-b770-30cabda3514a",
          //   strParams: JSON.stringify([formTKCG]),
          //   token: window.localStorage.getItem("token"),
          // };
          // const res2 = await InsertDataView(params2);
          let params2 = {
            accessCode: '0fb3f6123d1b4fe6851c99532c463f6f',
            cityCode: window.localStorage.getItem('citycode')
              ? window.localStorage.getItem('citycode')
              : '441300000000',
            params: {
              dataGuid: 'a0e224e8-36be-4591-b770-30cabda3514a',
              strParams: JSON.stringify([formTKCG]),
              token: window.localStorage.getItem('token'),
            },
          }
          const res2 = await FileServerProxy(params2)
        }
        if (this.isSaveFile) {
          let tableDatas = [
            {
              housecode: this.formData.FAMILYHOUSEID,
              TBR: JSON.parse(window.localStorage.getItem('DanDianName')),
              createtime: this.getNowTime(),
              TO_ROW_GUID: this.formData.ROW_GUID,
              ROW_GUID: this.rowGuid,
            },
          ]
          let params3 = {
            accessCode: '0fb3f6123d1b4fe6851c99532c463f6f',
            cityCode: window.localStorage.getItem('citycode')
              ? window.localStorage.getItem('citycode')
              : '441300000000',
            params: {
              dataGuid: 'a0e224e8-36be-4591-b770-30cabda3514a',
              strParams: JSON.stringify([tableDatas]),
              token: window.localStorage.getItem('token'),
            },
          }
          const res3 = await FileServerProxy(params3)
          // let params3 = {
          //   dataGuid: "a0e224e8-36be-4591-b770-30cabda3514a",
          //   strParams: JSON.stringify(tableDatas),
          //   token: window.localStorage.getItem("token"),
          // };
          // const res3 = await InsertDataView(params3);
        }
        if (!type) {
          this.$toast.success('保存成功!')
        } else {
          //node-guid为{67241083-CA60-43FC-B1C1-1F4A2D133184}为自动批转
          if (this.formData.NODE_GUID === '{67241083-CA60-43FC-B1C1-1F4A2D133184}') {
            this.$router.push({
              path: '/treeSelectzls',
              query: {
                data: { TASK_ID: this.formData },
              },
            })
          }
          //node-guid为{5E1AD806-7824-4196-8ADF-E231A8704FD3}发送时企业、踏勘部门和农户互斥
          else if (this.formData.NODE_GUID === '{5E1AD806-7824-4196-8ADF-E231A8704FD3}') {
            this.$nextTick(function () {
              let CHDW1 = [],
                TKDW1 = []
              if (this.formTKCG.SFXZHQBM == 5 || this.formTKCG.SFQY == 5) {
                var TKDW = this.formTKCG.HQRYMC,
                  CHDW = this.formTKCG.QYDWMC
                this.ENUM.CHBMARR.forEach((item) => {
                  CHDW.forEach((items) => {
                    if (item.ST_ID == items) {
                      CHDW1.push(item)
                    }
                  })
                })
                this.ENUM.TKBMARR.forEach((item) => {
                  TKDW.forEach((items) => {
                    if (item.DEPTID == items) {
                      TKDW1.push(item)
                    }
                  })
                })
              }

              this.$router.push({
                path: '/TreeSelect1',
                query: {
                  data: this.formData,
                  CHDW: CHDW1,
                  TKDW: TKDW1,
                },
              })
            })
          } else {
            this.$nextTick(function () {
              this.$router.push({
                path: '/TreeSelect1',
                query: {
                  data: this.formData,
                },
              })
            })
          }
        }
      } else {
        this.$toast.fail('请输入必填项!')
      }
    },
    //获取界面所需字典值
    getEnum: async function (viewID) {
      let _this = this
      // 86d6eb80-8bcb-49f6-b5c3-462ac1ae585d	是否
      // a8e5782d-9a59-48e4-b35b-654b9bb667ca	性别
      // db35edee-88e0-4fae-b14a-868ed4beb1d9   建房类型
      // d2ec96d4-b5bc-404a-a9f1-34db915c694b	用地类型
      // b65d1943-66f4-49b1-b759-cd9f079dc0d3	结构类型
      // let token = window.localStorage.getItem("token");
      let params = {
        accessCode: '688bd3883572440a859dfd8ba9194e7b',
        cityCode: window.localStorage.getItem('citycode') ? window.localStorage.getItem('citycode') : '441300000000',
        params: {
          dataguid: viewID,
          searchObject: JSON.stringify([]),
          token: window.localStorage.getItem('token'),
        },
      }
      const res = await FileServerProxy(params)
      // this.listData = JSON.parse(res.data.data).Data;
      // const res = await dataServerOpenDataView(viewID, [], token);
      switch (viewID) {
        case '86d6eb80-8bcb-49f6-b5c3-462ac1ae585d':
          this.ENUM.SFARR = JSON.parse(res.data.data).Data
          break
        case 'db35edee-88e0-4fae-b14a-868ed4beb1d9':
          this.ENUM.JFLXARR = JSON.parse(res.data.data).Data
          break
        case '52215e71-341a-452b-8823-a8d4aae058ab':
          this.ENUM.NYDARR = JSON.parse(res.data.data).Data
          break
        case 'a8e5782d-9a59-48e4-b35b-654b9bb667ca':
          this.ENUM.XBARR = JSON.parse(res.data.data).Data
          this.ENUM.XBARR.forEach((element) => {
            if (element.DICID == _this.formData.SEX) {
              _this.sexName = element.DICNAME
            }
          })
          break
        case 'd2ec96d4-b5bc-404a-a9f1-34db915c694b':
          this.ENUM.YDLXARR = JSON.parse(res.data.data).Data
          break
        case 'b65d1943-66f4-49b1-b759-cd9f079dc0d3':
          this.ENUM.JGLXARR = JSON.parse(res.data.data).Data
          break
        case 'f7f359ad-369c-4bf4-892c-294dceb5edef':
          this.ENUM.WSCLFSARR = JSON.parse(res.data.data).Data
          break
        case '32770c76-c253-4f1a-968f-aa9e53942db9':
          this.ENUM.TKBMARR = JSON.parse(res.data.data).Data
          break
        case 'd4d925da-cfd1-4608-94bb-24789720de0a':
          this.ENUM.CHBMARR = JSON.parse(res.data.data).Data
          break
        default:
          break
      }
    },
    //获取踏勘成果 审核情况
    getTKCG: async function () {
      let dataGuid = 'a0e224e8-36be-4591-b770-30cabda3514a'
      let searchObject = encodeURIComponent(
        JSON.stringify([
          {
            field: 'to_row_guid',
            value: this.formData.ROW_GUID,
            operator: '=',
          },
        ])
      )
      // let token = window.localStorage.getItem("token");
      // const res = await dataServerOpenDataView(dataGuid, searchObject, token);
      let params = {
        accessCode: '688bd3883572440a859dfd8ba9194e7b',
        cityCode: window.localStorage.getItem('citycode') ? window.localStorage.getItem('citycode') : '441300000000',
        params: {
          dataguid: 'a0e224e8-36be-4591-b770-30cabda3514a',
          searchObject: JSON.stringify([
            {
              field: 'to_row_guid',
              value: this.formData.ROW_GUID,
              operator: '=',
            },
          ]),
          token: window.localStorage.getItem('token'),
        },
      }
      const res = await FileServerProxy(params)
      // this.listData = JSON.parse(res.data.data).Data;
      let Data = JSON.parse(res.data.data).Data
      if (Data.length > 0) {
        this.formTKCG = Data[0]
      } else {
        this.formTKCG = {
          APPLYTYPE: this.formData.BUILDTYPE,
          YDLX: this.formData.LANDTYPE,
          DL_NYD: this.formData.YDLX_NYD,
          YDLX_NYD_QT: this.formData.YDLX_NYD_QT,
          HOMESTEADAREA: this.formData.HOMESTEADAREA,
          HOUSEFLOORAREA: this.formData.BUILDAREA,
          BUILDAREA: this.formData.HOUSEFLOORAREA,
          BUILDHEIGHT: this.formData.BUILDHEIGHT,
          BUILDSTOREY: this.formData.BUILDSTOREY,
          WSCLFS: this.formData.SEWAGEDISPOSAL,
          STRUCTURETYPE: this.formData.STRUCTURETYPE,
          SPACING: this.formData.SUNSHINEDIST,
          EXTERIORCOLOR: this.formData.WALLCOLOR,
          EAST: this.formData.DZ,
          SOUTH: this.formData.NZ,
          WEST: this.formData.XZ,
          NORTH: this.formData.BZ,
          XLQLR: this.formData.ADJACENTOPINION,
          CONSTRUCITONADDRESS: this.formData.CONSTRUCITONADDRESS,
          TKRY: '',
          RECONTIME: '',
          ZTR: '',
          TKJG: '',
          TKYJ: '',
          SHR: '',
          SHSJ: '',
          SFXZHQBM: this.formData.SFXZHQBM,
          SFQY: this.formData.SFQY,
        }
      }
      this.formTKCG.SHR ? '' : (this.formTKCG.SHR = JSON.parse(window.localStorage.getItem('userName')).aliasName)
      this.formTKCG.TKRY ? '' : (this.formTKCG.TKRY = JSON.parse(window.localStorage.getItem('userName')).aliasName)
      this.formTKCG.ZTR ? '' : (this.formTKCG.ZTR = JSON.parse(window.localStorage.getItem('userName')).aliasName)
      this.formTKCG.SHSJ = this.formTKCG.SHSJ ? this.formTKCG.SHSJ.split(' ')[0] : this.getNowTime().split(' ')[0]
      this.formTKCG.RECONTIME = this.formTKCG.RECONTIME
        ? this.formTKCG.RECONTIME.split(' ')[0]
        : this.getNowTime().split(' ')[0]
      this.formTKCG.XLQLR = this.formData.ADJACENTOPINION
      this.formTKCG.WSCLFS = this.formData.SEWAGEDISPOSAL
      this.QYDWMC = this.formTKCG.QYDWMC
        ? this.formTKCG.QYDWMC.split(',').map((i) => {
            return parseInt(i)
          })
        : []
      this.HQRYMC = this.formTKCG.HQRYMC
        ? this.formTKCG.HQRYMC.split(',').map((i) => {
            return parseInt(i)
          })
        : []
      if (this.formData.NODE_GUID == '{67241083-CA60-43FC-B1C1-1F4A2D133184}') {
        this.isShow = true
      }
      let dataGuids = 'e8aa3c29-c6da-48f9-a92b-8b7caf3ea48d'
      let searchObjects = encodeURIComponent(
        JSON.stringify([
          {
            field: 'TODATA_GUID',
            value: this.formData.ROW_GUID,
            operator: '=',
          },
        ])
      )
      // const res1 = await dataServerOpenDataView(
      //   dataGuids,
      //   searchObjects,
      //   token
      // );
      let params1 = {
        accessCode: '688bd3883572440a859dfd8ba9194e7b',
        cityCode: window.localStorage.getItem('citycode') ? window.localStorage.getItem('citycode') : '441300000000',
        params: {
          dataguid: 'e8aa3c29-c6da-48f9-a92b-8b7caf3ea48d',
          searchObject: JSON.stringify([
            {
              field: 'TODATA_GUID',
              value: this.formData.ROW_GUID,
              operator: '=',
            },
          ]),
          token: window.localStorage.getItem('token'),
        },
      }
      const res1 = await FileServerProxy(params1)
      this.tableDataSH = JSON.parse(res1.data.data).Data
    },
    //获取相关材料
    getFile: async function () {
      let dataGuid = 'a0e224e8-36be-4591-b770-30cabda3514a'
      let searchObject = encodeURIComponent(
        JSON.stringify([
          {
            field: 'to_row_guid',
            value: this.formData.ROW_GUID,
            operator: '=',
          },
        ])
      )
      let token = window.localStorage.getItem('token')
      // const res = await dataServerOpenDataView(dataGuid, searchObject, token);
      let params = {
        accessCode: '688bd3883572440a859dfd8ba9194e7b',
        cityCode: window.localStorage.getItem('citycode') ? window.localStorage.getItem('citycode') : '441300000000',
        params: {
          dataguid: 'a0e224e8-36be-4591-b770-30cabda3514a',
          searchObject: JSON.stringify([
            {
              field: 'to_row_guid',
              value: this.formData.ROW_GUID,
              operator: '=',
            },
          ]),
          token: window.localStorage.getItem('token'),
        },
      }
      const res = await FileServerProxy(params)
      let Data = JSON.parse(res.data.data).Data
      this.isSaveFile = true
      if (Data.length > 0) {
        this.rowGuid = Data[0].ROW_GUID
      } else {
        this.rowGuid = this.rowGuid
      }
      let groupGuid = []
      this.isSaveFile = false
      this.fileData.forEach((item) => {
        groupGuid.push(item.groupGuid)
      })
      let params1 = {
        accessCode: '1fdcbce42c6d4748a020feba618d54b8',
        cityCode: window.localStorage.getItem('citycode') ? window.localStorage.getItem('citycode') : '',
        params: {
          groupGuid: groupGuid.join(','),
          toRowGuid: this.rowGuid,
          token: window.localStorage.getItem('token'),
        },
      }
      const res1 = await FileServerProxy(params1)
      let data = JSON.parse(res1.data.data).FilesInfo
      // const res1 = await GetFileData({
      //   groupGuid: groupGuid.join(","),
      //   toRowGuid: this.rowGuid,
      // });
      if (data.length > 0) {
        data.forEach((element) => {
          this.fileData.forEach((item) => {
            if (element.GROUPGUID == item.groupGuid) {
              this.getFileUrl(element, item)
              // element["isImage"] = true;
              // element["url"] =
              //   window.g.BaseURL +
              //   "FileServer/api/Preview?token=" +
              //   window.localStorage.getItem("token") +
              //   "&" +
              //   "fileGuid=" +
              //   encodeURIComponent(element.ROW_GUID);
              // item.fileList.push(element);
            }
          })
        })
      }
    },
    //获取附件文件流
    getFileUrl: async function (element, item) {
      let formData = new FormData()
      formData.append('accessCode', '98bcf528966e48ce896a8b3fd02d45d5')
      formData.append(
        'cityCode',
        window.localStorage.getItem('citycode') ? window.localStorage.getItem('citycode') : '441300000000'
      )
      formData.append(
        'paramStr',
        JSON.stringify({
          fileGuid: element.ROW_GUID,
        })
      )
      let response = await dataTransFilePreview(formData)
      if (response) {
        var img = new Blob([new Int8Array(response.data, 0)], {
          type: response.headers['content-type'],
        }) //type类型可自定义
        element['isImage'] = true
        element['url'] = window.URL.createObjectURL(img)
        item.fileList.push(element)
      }
    },
    //相关材料
    getList(item) {
      this.groupGuids = item.groupGuid
    },
    afterRead(file) {
      // 此时可以自行将文件上传至服务器
      this.getFileServerUpload(file.file)
      // this.shuiyin({
      //   url: file.content, //这里传的file是上传的图片文件
      //   content: this.getDate(),
      //   cb: base64Url => {
      //     let fileData = this.dataURLtoFile(base64Url, file.file.name) //转file
      //     this.getFileServerUpload(fileData)
      //   }
      // })
    },
    delectFile: async function (file) {
      // if (file.ROW_GUID) {
      //   const res = await DelectFile({
      //     fileGuid: file.ROW_GUID,
      //     token: window.localStorage.getItem("token"),
      //   });
      // }
      let fileguid = ''
      if (file.ROW_GUID) {
        fileguid = file.ROW_GUID
      } else {
        fileguid = this.fileGuid
      }
      if (fileguid) {
        let params = {
          accessCode: 'ce9b691634de4ebca68dc5bb638d07f4',
          cityCode: window.localStorage.getItem('citycode') ? window.localStorage.getItem('citycode') : '441300000000',
          params: {
            fileGuid: fileguid,
            token: window.localStorage.getItem('token'),
          },
        }
        const res = await FileServerProxy(params)
        let data = JSON.parse(res.data.data).Success
        if (data) {
          this.$toast.success('删除成功!')
        }
      }
    },
    getFileServerUpload: async function (file) {
      // let formData = new FormData();
      // formData.append("file", file);
      // formData.append("toRowGuid", this.rowGuid);
      // formData.append("groupGuid", this.groupGuids);
      // formData.append("token", window.localStorage.getItem("token"));
      // const res = await drawImg(formData);
      let data = {
        toRowGuid: this.rowGuid,
        groupGuid: this.groupGuids,
        token: window.localStorage.getItem('token'),
      }
      let formData = new FormData()
      formData.append('file', file)
      formData.append('accessCode', '7a3fc061c866434b8475d3775c9ddcea')
      formData.append(
        'cityCode',
        window.localStorage.getItem('citycode') ? window.localStorage.getItem('citycode') : '441300000000'
      )
      formData.append('token', window.localStorage.getItem('token'))
      formData.append('paramStr', JSON.stringify(data))
      const res = await dataTransFile(formData)
      let data1 = JSON.parse(res.data.data).FileList
      this.fileGuid = data1[0].FILEGUID
      if (data1[0].FILEGUID) {
        this.$toast.success('上传成功!')
        this.fileData.forEach((item, index) => {
          item.fileList = []
        })
        this.getFile()
      }
    },
    getXianOpenDataView: async function () {
      let dataGuid = 'b65d1943-66f4-49b1-b759-cd9f079dc0d3'
      let searchObject = []
      let token = window.localStorage.getItem('token')
      // const res = await dataServerOpenDataView(dataGuid, searchObject, token);
      let params = {
        accessCode: '688bd3883572440a859dfd8ba9194e7b',
        cityCode: window.localStorage.getItem('citycode') ? window.localStorage.getItem('citycode') : '441300000000',
        params: {
          dataguid: 'b65d1943-66f4-49b1-b759-cd9f079dc0d3',
          searchObject: JSON.stringify([]),
          token: window.localStorage.getItem('token'),
        },
      }
      const res = await FileServerProxy(params)
      let Data = JSON.parse(res.data.data).Data
      // if (Data.length>0) {
      //   Data.forEach((item, index) => {
      //     if (this.formData.STRUCTURETYPE == item.DICID) {
      //       this.formData.STRUCTURETYPE = item.DICNAME;
      //     }
      //   });
      // }
      // this.formData.STRUCTURETYPE
    },
    onConfirm1(value) {
      this.formTKCG.APPLYTYPE = value.DICID
      this.ENUM.JFLX = false
    },
    onConfirm2(value) {
      this.formTKCG.YDLX = value.DICID
      this.ENUM.YDLX = false
    },
    onConfirm3(value) {
      this.formTKCG.STRUCTURETYPE = value.DICID
      this.ENUM.JGLX = false
    },
    onConfirm4(value) {
      this.formTKCG.XLQLR = value.DICID
      this.ENUM.SF = false
    },
    onConfirm5(value) {
      this.formTKCG.DL_NYD = value.DICID
      this.ENUM.NYD = false
    },
    onConfirm6(value) {
      this.formTKCG.WSCLFS = value.DICID
      this.ENUM.WSCLFS = false
    },
    onConfirm8(value) {
      this.formTKCG.SFXZHQBM = value.DICID
      this.ENUM.SF1 = false
      //判断是否显示审核情况
      if (this.formData.NODE_GUID == '{5E1AD806-7824-4196-8ADF-E231A8704FD3}' && this.formTKCG.SFXZHQBM == '5') {
        this.isShow = false
      } else {
        this.isShow = true
      }
    },
    onConfirm9(value) {
      this.formTKCG.SFQY = value.DICID
      this.ENUM.SF2 = false
      if (this.formData.NODE_GUID == '{5E1AD806-7824-4196-8ADF-E231A8704FD3}' && this.formTKCG.SFQY == '5') {
        this.isShow = false
      } else {
        this.isShow = true
      }
    },
    toggle(index) {
      this.$refs.checkboxes[index].toggle()
    },
    toggleAll(val) {
      if (val) {
        this.$refs.checkboxGroup.toggleAll(true)
      } else {
        this.$refs.checkboxGroup.toggleAll()
      }
    },
    toggle1(index) {
      this.$refs.checkboxes1[index].toggle()
    },
    toggleAll1(val) {
      if (val) {
        this.$refs.checkboxGroup1.toggleAll(true)
      } else {
        this.$refs.checkboxGroup1.toggleAll()
      }
    },
  },
}
</script>
<style lang="scss">
#SiteSurveyZzd {
  height: 100vh;
  overflow: auto;
  background: #ffffff;
  font-size: 14px;
  .van-field__label {
    font-weight: bold;
  }
  .title {
    width: 100%;
    height: 50px;
    background: #007aff;
    line-height: 50px;
    text-align: center;
    color: #ffffff;
    font-size: 20px;
    position: relative;
  }
  .top {
    height: 90px;
    background: #ffffff;
    margin-bottom: 20px;
    padding-top: 25px;
    text-align: center;
    font-size: 14px;
  }
  .content {
    width: 100%;
    height: calc(100% - 50px);
    overflow: auto;
    padding: 10px;
    .subTitle {
      width: 100%;
      height: 50px;
      line-height: 50px;
      font-size: 20px;
      position: relative;
      display: flex;
      align-items: center;
      border-bottom: 1px solid #9b9b9b;
      padding-left: 10px;
      .line {
        width: 6px;
        height: 26px;
        background: #3f8ffc;
        display: inline-block;
        margin-right: 10px;
      }
    }
  }
  .inputWrap {
    width: 100%;
    display: flex;
    justify-content: center;
    border-bottom: 1px solid #ebedf0;
    & > span {
      margin-right: 5px;
      margin-top: 15px;
    }
  }
  .titleBtn {
    width: 100%;
    height: 40px;
    padding: 0 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .footer {
    text-align: center;
    padding: 10px 0;
  }
}
</style>
<style lang="scss" scoped>
#SiteSurveyZzd {
  .van-field__control {
    text-align: right !important;
  }
  .van-field__label {
    font-weight: bold;
    // width: 10.2em !important;
    width: auto !important;
  }
  .el-table thead,
  .el-table,
  .el-table__empty-text {
    color: #000;
  }
}
</style>
